<!-- show card -->
<div class="modal fade" id="myModal3" tabindex="-1" role="dialog" aria-labelledby="myModalLabel3" aria-hidden="true">
	<div class="modal-dialog3">
		<div class="modal-content">
			<div class="modal-header">
				<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
				<h4 class="modal-title" id="myModalLabel3"></h4>
			</div>
			<div class="modal-body grey border-bottom">
				<img src="http://placehold.it/274x260" alt=""/>
			</div>
			<div class="col-md-12">
				<div class="col-md-2">
					<img src="http://placehold.it/60x60" class="m10 img-responsive img-thumbnail">
				</div>
				<div class="row">
					<div class="col-md-8 view-card-user-details">
						<a href="#">Username</a> sent you a
						<p class="date-time"><i class="fa fa-clock-o"></i>  05/02/2014 14:25</p>
					</div>
				</div>
			</div>

			<div class="modal-footer3">
				<div class="row">
					<div class="col-md-12 username">
						<button type="button" class="btn btn-default">Send card</button>
						<button type="button" class="btn btn-danger chat-btn"><i class="fa fa-comments"></i>Chat now !</button>
						<div class="btn-group">
							<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
							or <span class="caret"></span>
							</button>
							<ul class="dropdown-menu" role="menu">
								<li><a href="#">Action</a></li>
								<li><a href="#">Another action</a></li>
								<li><a href="#">Something else here</a></li>
								<li class="divider"></li>
								<li><a href="#">Separated link</a></li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
